<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>努比亚手机-官方网站</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1702157_vxrkl4atpjj.css">
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/detal.css">
</head>

<body>
    <header></header>
    <nav class="main nav">
        <a href="">首页</a>
        <span> / 红魔5G电竞魔盒</span>
    </nav>
    <div id="maindetal">
    
    </div>
    <script type="text/html" id="catedetal">
        <div class="main content clear" id = "content">
        <div class="main-left" id="mainleft">
            <div class="left-1" id="box">
                <img src="{{imgs[0]}}" alt="" id="helloimg">
                <span></span>
            </div>
            <ul class="left-list clear" id="left-list">
                {{each imgs img}}
                <li id="tab">
                    <img src="{{img}}" alt="" >
                </li>
                {{/each}}
            </ul>
            <ul class="left-icon clear">
                <li>
                        <i class="iconfont icon-fenxiang"></i>
                        <!-- 引入bootstrap弹框，实现按钮点击弹出分享到的地方 -->
                        <a tabindex="0" id="btnshow" class="btnshow" data-placement="bottom" role="button" data-toggle="popover" data-trigger="focus" title="分享到" 
                        data-content="微信 QQ空间 微博 ">分享</a>  
                              
                </li>
                <li>
                    <!-- <a href=""> -->
                        <i class="iconfont icon-shoucang"></i>
                        <span>收藏</span>
                    <!-- </a> -->
                </li>
            </ul>
        </div>

        <div class="main-right">
            <!-- 放大镜右边的盒子 -->
            <div class="bigbox" id="bigbox">
                <img src="{{imgs[0]}}" alt="" class="bigimg" id="bigimg">
            </div>
            <div class="right-price">
                <h3>{{title}}</h3>
                <h3>{{price}}</h3>
            </div>
            <div class="right-active">
                <div class="active-1 public">活动</div>
                <div class="active-2">
                    <p><span>积分</span> 购买赠送积分，积分可抵现</p>
                    <p><span>包邮</span> 青铜以下满59、白银满39、黄金及以上包邮</p>
                </div>
            </div>
            <div class="right-dizhi">
                <div class=" public">地址</div>
                <div class="dizhi-2">
                    <span><i class="iconfont icon-ditu1"></i>四川省成都市</span>
                    <a href=""> 修改 </a>
                </div>
                <p>现货</p>
            </div>
            <div class="right-size">
                <div class="size-color">
                    <span>选择颜色</span>
                    <span>黑色</span>
                </div>
                <div class="size-num clear"> 
                    <span>数量</span>
                    <div class="input">
                        <div class="minus" id="minus" disabled>
                            <img src="/images/img2/minus.png" alt="">
                        </div>
                        <p id="p">1</p>
                        <div class="add" id="add" disabled>
                            <img src="/images/img2/add.png" alt="">
                        </div>
                    </div>
                    <!-- <span>(限购2件)</span> -->
                </div>
                <div class="size-click">
                    <span id="addshop">加入购物车</span>
                    <a href="/html/shop.html"><span>立即购买</span></a>
                </div>
            </div>
        </div>
    </div>
    <div class="shopbox" id="shopbox">
    </div>
        <div class="con-last">
            {{each lastimgs img}}
                <img src="{{img}}" alt="">
            {{/each}}
        </div>
    </script>
    
    <footer></footer>
    <script src="/libs/require/require.min.js" data-main="/js/detal"></script>
</body>

</html>